﻿<!-- banner start -->
<!-- ================ -->
<div class="banner">
    <!-- google maps start -->
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3320.045228400129!2d77.29838548922724!3d8.280749810443185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b04561d19ff9c43%3A0x354b0fab85da824b!2sFull+Gospel+Pentecostal+Church!5e0!3m2!1sen!2sin!4v1475388523814" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    <!-- google maps end -->
</div>
<!-- banner end -->

<!-- page-intro start-->
<!-- ================ -->
<div class="page-intro">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ol class="breadcrumb">
                    <li><i class="fa fa-home pr-10"></i><a href="index.html">Home</a></li>
                    <li class="active">Contact</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- page-intro end -->

<!-- main-container start -->
<!-- ================ -->
<section class="main-container">

    <div class="container">
        <div class="row">

            <!-- main start -->
            <!-- ================ -->
            <div class="main col-md-8">

                <!-- page-title start -->
                <!-- ================ -->
                <h1 class="page-title">Contact Us</h1>
                <!-- page-title end -->
                <p>Please write your suggestion and feedback to Us</p>
                <div class="alert alert-success hidden" id="MessageSent">
                    We have received your message, we will contact you very soon.
                </div>
                <div class="alert alert-danger hidden" id="MessageNotSent">
                    Oops! Something went wrong please refresh the page and try again.
                </div>
                <div class="contact-form">
                    <form name="fromvalidate" novalidate>
                        <div class="form-group has-feedback">
                            <input type="hidden" ng-model="Message.ContactId" />
                            <input type="hidden" ng-model="Message.Status" />
                            <label for="name">Name*</label>
                            <input type="text" ng-model="Message.Name" class="form-control" name="name">
                            <i class="fa fa-user form-control-feedback"></i>
                        </div>
                        <div class="form-group has-feedback">
                            <label for="email">Email*</label>
                            <input type="email" class="form-control" ng-model="Message.Email" name="email">
                            <i class="fa fa-envelope form-control-feedback"></i>
                        </div>
                        <div class="form-group has-feedback">
                            <label for="Phone">Phone No</label>
                            <input type="text" class="form-control" ng-model="Message.Phone" name="Phone">
                            <i class="fa fa-envelope form-control-feedback"></i>
                        </div>
                        <div class="form-group has-feedback">
                            <label for="message">Message*</label>
                            <textarea class="form-control" ng-model="Message.Message" rows="6" name="message"></textarea>
                            <i class="fa fa-pencil form-control-feedback"></i>
                        </div>
                        <input type="button" value="Send" ng-click="SaveDetails()" class="submit-button btn btn-default">
                    </form>
                </div>
            </div>
            <!-- main end -->

            <!-- sidebar start -->
            <aside class="col-md-4">
                <div class="sidebar">
                    <div class="side vertical-divider-left">
                        <h3 class="title">Full Gospel Pentecostal Church.</h3>
                        <ul class="list">
                            <li><strong></strong></li>
                            <li><i class="fa fa-home pr-10"></i>Kadamalaikuntu,<br>
                                <span class="pl-20">Mekkamandapam (P-O),</span><br>
                                <span class="pl-20">Kanyakumari District,</span><br>
                                <span class="pl-20">Tamilnadu,</span><br>
                                <span class="pl-20">India.</span><br>
                                <span class="pl-20">Pin : 629 166.</span></li>
                            <li><i class="fa fa-phone pr-10"></i>
                                <abbr title="Phone">P:</abbr>
                                9488854756,</li>
                            <li><i class="fa fa-mobile pr-10 pl-5"></i>
                                <abbr title="Phone">M:</abbr>
                                9488854756,</li>
                            <li><i class="fa fa-envelope pr-10"></i><a href="mailto:info@idea.com">fgpcho@gmail.com</a></li>
                        </ul>
                        <ul class="social-links colored circle large">
                            <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                            <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                            <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
                    </div>
                </div>
            </aside>
            <!-- sidebar end -->

        </div>
    </div>
</section>
<!-- main-container end -->

<!-- section start -->
<!-- ================ -->

<!-- section end -->

<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
<!-- ================ -->
